<template>
	<view >
		<div class="border-runs">
			<div class="border-run">
				<div class="div2" v-for="(item,index) in dataSroce"  @click="rowdata(index)" >
					<view class="seziItem"  >
						<i :class="[item.icon]" id="icon-list"></i>
						<view class="seziLeft">
							<text class="seziText">{{item.name}}</text>
							<i class="iconfont icon-xiangyou icon-list-tow"></i>
						</view>
					</view>
				</div>
			</div>
		</div>
	</view>
</template>

<script>
	export default {
	props:{
		datasoce: {
			default:''
		}
	},
	data(){
		return {
			dataSroce: '',
		}
	},
	created(){
		this.dataSroce = this.datasoce;
	},
	methods:{
		rowdata(val){
			this.$emit('runIndex',val)
		}
	}
		
	}
	
</script>

<style scoped lang="scss">
	.border-runs{
		border-radius: 8px;
		padding: 10px;
	}
	.border-run{
		border-radius: 8px;
		padding: 20px;
		background-color: #ffffff;
	}
	.div2 {
		height: 100rpx;
		background-color: #fff;
		font-size: 18px;
	}
	 .div2:active{
		 background-color: #c3c3c3;
	 }

	#icon-list{
		float: left;
		font-size: 18px;
		line-height: 100rpx;
	}
	.seziLeft{
	line-height: 100rpx;	
	.seziText{
		padding-left:50rpx;
	}	
	.icon-list-tow {
		position: absolute;
		right: 40rpx;
	}
		
	}
</style>
